<template>
  <div class="notFound">
    <titleHeader :title="title"></titleHeader>
    <h1>你搜索的页面<br />正在建设中</h1>
    <h2>404</h2>
    <p>! ERROR !</p>
  </div>
</template>

<script>
import TitleHeader from '@/components/titleHeader.vue'
export default {
  components: {
    TitleHeader
  },
  data () {
    return {
      title: '404'
    }
  }
}
</script>

<style scoped="scoped">
.notFound {
  width: 100%;
  height: 100%;
  background: #b396ff;
  color: white;
}
h1,
h2,
p {
  width: 100%;
  text-align: center;
}
h1 {
  font-size: 2rem;
  padding-top: 20%;
}
h2 {
  font-size: 10rem;
}
p {
  font-size: 3rem;
}
</style>